   var lis = $('.nav-link>main>ul>div>li')
        for(var i=0;i<lis.length;i++){
            lis[i].index = i;
            $('.nav-link>main>ul>div>li').on('mouseenter',function(){
                $('.nav-link>main>div').css('display','none')
                $('.nav-link>main>div').eq(this.index).css('display','block')
            })
            $('.nav-link>main>div').on('mouseleave',function(){
                    $(this).css('display','none')
            })
            $('.nav-link').on('mouseleave',function(){
                 $('.nav-link>main>div').css('display','none')
            })
            
           
        }
